<!DOCTYPE HTML>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            var chart;
            $j(document).ready(function() {
                $j.post('reportNR1.jsp?action=reportNR1',function(data){
                    $j('.report-container').html(data);
                });
            });
        </script>
        <style type="text/css">
            .header-report{
                background: none repeat scroll 0 0 #4A5763;
                color: #FFFFFF;
                float: left;
                padding-bottom: 8px;
                padding-left: 18px;
                padding-top: 8px;
                text-transform: uppercase;
                width: 98%;
            }
            .report-container{
                float:left;
                width:900px;
            }
            .report-tab{
               float:left; 
            }
            .menu-tab{
                 float:left; 
                 width:919px;
            }
            .tab-khcn{
                float:left;
              padding-left: 5px;
    width: 90px;
            }
            .tab-khct{
                float:left; 
                 width:80px;
            }
            .tab-content{
                float: left;
            }
        </style>
    </head>
    <body>
        <div id="content">
            <div id="menu_top">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span><h:outputText value="#{locale.area}"/></span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>

                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span>Outlets</span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>
                                    <li><a href="#"><span>Ban Điều Hành</span></a></li>
                                    <li><a href="#"><span>Nhóm IT</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
            <div id="content_detail">
       
                <div class="content_right" style="margin-top:15px;">
                    <div class="header-report">Thống kê</div>
                    <div class="report-tab">
                        <div class="menu-tab">
                            <div class="tab-khcn">KH CÁ NHÂN</div>
                            <div class="tab-khct">KH CÔNG TY</div>
                        </div>
                    </div>
                    <div class="tab-content1">
                        <div class="tabkh1">Thân thiết & tiềm năng</div>
                        <div class="tabkh1">Nguồn khách hàng</div>
                        <div class="tabkh1">Trạng thái KH</div>
                        <div class="tabkh1">Ngành nghề</div>
                        <div class="tabkh1">Loại KH</div>
                        <div class="tabkh1">Thân thiết & tiềm năng</div>
                        <div class="tabkh1">Thân thiết & tiềm năng</div>
                    </div>
                     <div class="tab-content2">
                        
                    </div>
                    <div class="report-container">

                    </div>

                </div>
            </div>
        </div>



    </body>
</html>
